<#include "module/macro.ftl">
<@head title="友情链接 · ${options.blog_title!'Anatole'}" keywords="${options.seo_keywords!'Anatole'}" description="${options.seo_description!'Anatole'}"></@head>
    <div id="app">
		<#include "module/header.ftl">
        <main class="mx-auto pt-12 sm:pt-10 container">
			<div class="mx-auto px-4 mt-8 max-w-6xl tracking-wider md:leading-relaxed sm:leading-normal mx-850">
                <div>
                    <div class=" flex  flex-wrap">
                        <@linkTag method="list">
                            <#if links?? && links?size gt 0>
                                <#list links as link>
                                    <a class="lk-card-im card-item-vel block" href="${link.url}" target="_blank">
                                        <div class="media"><div class="media-left">
                                            <figure class="image is-64x64">
                                                <#if link.logo?? && link.logo != ''>
                                                    <img src="${link.logo}" alt="${link.name}">
                                                <#elseif settings.links_placeholder?? && settings.links_placeholder != ''>
                                                    <img src="${settings.links_placeholder}"
                                                        alt="${link.name}">
                                                <#else>
                                                    <img src="https://cdn.jsdelivr.net/gh/xzzai/static@v1.0.1/placeholder.jpg"
                                                        alt="${link.name}">
                                                </#if>
                                            </figure>
                                        </div>
                                        <div class="media-content">
                                            <p class="lk-title">${link.name}</p>
                                            <p class="lk-desc">${link.description}</p>
                                        </div>
                                        </div>
                                    </a>
                                </#list>
                            </#if>
                        </@linkTag>
                    </div>
                </div>
            </div>
        </main>
	</div>
<@footer></@footer>
